/* 全局样式 */
body {
    background-color: #f8f9fa;
}

/* 导航栏样式 */
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

/* 电影卡片样式 */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
}

.card-img-top {
    height: 300px;
    object-fit: cover;
}

/* 排行榜样式 */
.ranking-list .list-group-item {
    border-left: none;
    border-right: none;
    padding: 1rem;
}

.ranking-list .list-group-item:hover {
    background-color: #f8f9fa;
}

/* 主创头像样式 */
.creator-avatar {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

/* 徽章样式 */
.badge {
    font-weight: normal;
    padding: 0.5em 0.8em;
}

/* VIP标签样式 */
.badge.bg-warning {
    color: #fff;
    background-color: #ffc107 !important;
}

/* 按钮样式 */
.btn-primary {
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
}
.page-tiem{
    width:auto;
}
/* 分页样式 */
.pagination .page-link {
    border-radius: 50%;
    margin: 0 3px;
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 视频播放器样式 */
.ratio-16x9 video {
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
}

/* VIP提示框样式 */
.alert-warning {
    border: none;
    border-radius: 8px;
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
}

/* 搜索框样式 */
.form-control, .form-select {
    border-radius: 50px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.form-control input{
    width:100% !important;
}
/* 下拉菜单样式 */
.dropdown-menu {
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    border-radius: 8px;
    width: 210px;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}